<#escape x as x?html>


<?xml version="1.0"?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>${.node.preopData.pageTitle}</title>
<script type="text/javascript" src="http://o.aolcdn.com/dojo/1.1.1/dojo/dojo.xd.js"></script>
<script type="text/javascript" src="../js/global.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/preop/MM_functions.js"></script>
<script type="text/javascript" src="../js/meta.js"></script>
<script type="text/javascript" src="../js/header.js"></script>
<script type="text/javascript" src="../js/help.js"></script>
<script type="text/javascript" src="../js/footer.js"></script>
<script type="text/javascript" src="../js/chromehead.js"></script>
<script type="text/javascript" src="../js/chromefoot.js"></script>
<link href="../css/preop/keyframe.css" rel="stylesheet" type="text/css">
<link href="../css/preop/fonts.css" rel="stylesheet" type="text/css">
<link href="../css/preop/layout.css" rel="stylesheet" type="text/css">
<script type="text/javascript">


function getJson() {
  console.info("getJson");
  dojo.xhrGet({
    url: "../json/center/body.xml.json",
    load: function(respObj, ioArgs){
	console.info("getJson:load");

	return respObj;
    },
    error: function(response, ioArgs){
	console.info("getJson:error");
	console.error(error);
    return response;
    },
   handleAs: "json"
  });
}


function initPageMethods(){
	console.log("initPageMethods");
	getJson();
}

</script>

<script type="text/javascript">
var postcareImage = new Array(); 
function getPostCareImg(){
	postcareImage[0] = new Image()
	postcareImage[0].src = '../image/000/preop/goto_pc_on.gif'
	postcareImage[1] = new Image()
	postcareImage[1].src = '../image/000/preop/goto_pc.gif'
}
getImageObj()
getPostCareImg()
</script>

</head>

<!--  standard head -->
<body>
<center>
<div id="containerDiv" style="width:600px">
<div class="topdiv" id="header"></div>
<div class="lrlines">&nbsp;
<div id="contentDiv">
<!--  standard head -->









<table bgcolor="#ffffff" width="99%" border="0" cellpadding="15" cellspacing="0" align="center">
	<tr> 
		<td align="left" valign="top">
		  <#list .node.preopData.audioImage as audioImage>
			<#if audioImage.@secId != "x">
			<div class="audioImage" id="audioImage_${audioImage.@secId}">
				<img USEMAP="#audioMap" SRC="../image${audioImage.@image}" ALT="Audio Presentation" WIDTH="146" HEIGHT="134" BORDER="0" ALIGN="bottom">
			</div>
			
			<MAP NAME="audioMap${audioImage.@secId}">			
				<AREA SHAPE="rect" COORDS="1,112,19,131" HREF="javascript:;" onClick="MM_openBrWindow('/asp/audiowin.asp?prodId=${.node.preopData.prodId}&fileName=${.node.preopData.directory.@audioMedia}${audioImage.@audioMapQT} &mediaType=qt&siteId=${.node.preopData.siteId}','littlewin','width=225,height=100');">
				<AREA SHAPE="rect" COORDS="124,112,145,132" HREF="javascript:;" onClick="MM_openBrWindow('/asp/audiowin.asp?prodId=${.node.preopData.prodId}&fileName=${.node.preopData.directory.@audioMedia}${audioImage.@audioMapWM} &mediaType=wm&siteId=${.node.preopData.siteId}','littlewin','width=225,height=100');">
			</MAP>
			
			</#if>
		  </#list>
		</td>
    	<td width="100%" align="left" valign="top">	
<div class="centerHead">
	        <table bgcolor="#ffffff" width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr align="center"> 
					<td valign="top" height="25"><h1 class="header4">${.node.preopData.pageHeader1}</h1></td>
				</tr>
				<tr align="center"> 
					<td valign="top" height="11"><h2 class="header5">${.node.preopData.pageHeader2}</h2></td>
                </tr>
                <tr align="center"> 
	                <td height="18" valign="top" class="headersec"><br>
	                  <${.node.preopData.pageTitle}</td>
                </tr>
			</table>			
</div>
<div class="prodHead">
			 <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
               <tr>
            	 <td width="60" align="center" valign="top" class="sml">Powered By<br><img src="../image/000/${.node.preopData.siteId}/logo.gif" alt="HOME" name="homelink" id="homelink" width="49" height="53" border="0" align="bottom"></td>
                 <td align="center" valign="middle" class="headersec"><%= prodName %></td>
               </tr>
              <tr>                
            <td colspan="2" valign="bottom" class="header" height="36">${.node.preopData.pageHeader1}</td>
               </tr>
               <tr> 
                 <td colspan="2" valign="bottom" class="headerit2">${.node.preopData.pageHeader2}</td>
               </tr>
               <tr> 
                 <td colspan="2" valign="top" class="headerit2">&nbsp;</td>
               </tr>
            </table>
</div>

            </td>
            <td align="right" valign="top">
			<table width="155" border="1" cellspacing="0" cellpadding="0">



<#list .node.preopData.navElement as navElement>
	<tr> 
	<td width="17" bgcolor="#FFFFFF"><a href="/asp/prodDisplay.asp?prodId=${.node.preopData.prodId}&secId=${navElement.@secId}"><img src="../image/000/nav/nav.gif" name="navImg${navElement.@secId}" width="17" height="17" border="0" onMouseOver="swapImage(document.images['navImg${navElement.@secId}'],navigationImage[2])"  onMouseOut="swapImage(document.images['navImg${navElement.@secId}'],navigationImage[1])"></a></td>
    <td bgcolor="#999999">&nbsp;&nbsp;<a href="/asp/prodDisplay.asp?prodId=${.node.preopData.prodId}&secId=${navElement.@secId}" class="alt1" onMouseOver="swapImage(document.images['navImg${navElement.@secId}'],navigationImage[2])" onMouseOut="swapImage(document.images['navImg${navElement.@secId}'],navigationImage[1])">${navElement}</a></td>
	</tr>
</#list>

<#if .node.preopData.siteId != "postcare">
	<tr>
		<td width="17" bgcolor="#FFFFFF"><a href="javascript:;" onClick="MM_openBrWindow('/asp/printFrame.asp?','printPage','width=600,height=500')"><img src="../image/000/nav/nav.gif" width="17" height="17" name="navImgP" border="0" onMouseOver="swapImage(this,navigationImage[2])"  onMouseOut="swapImage(this,navigationImage[1])"></a></td>
	    <td bgcolor="#999999">&nbsp;&nbsp;<a href="javascript:;" onClick="MM_openBrWindow('/asp/printFrame.asp?','printPage','width=600,height=500')" class="alt1" onMouseOver="swapImage(document.images['navImgP'],navigationImage[2])" onMouseOut="swapImage(document.images['navImgP],navigationImage[1])">Print Out</a></td>
	</tr>
</#if>

<div class="relProd">
<tr>
	<td width="17" bgcolor="#FFFFFF"><a href="/asp/prodRelation.asp?prodName="><img src="../image/000/nav/nav.gif" width="17" height="17" border="0" name="navImgO" onMouseOver="swapImage(this,navigationImage[2])"  onMouseOut="swapImage(this,navigationImage[1])"></a></td>
    <td bgcolor="#999999">&nbsp;&nbsp;<a href="/asp/prodRelation.asp?prodId=" class="alt1"  onMouseOver="swapImage(document.images['navImgO'],navigationImage[2])" onMouseOut="swapImage(document.images['navImgO'],navigationImage[1])">Other Tasks</a></td>
</tr>
<tr>
	<td width="17" bgcolor="#FFFFFF"><a href="/asp/prodDisplay.asp?prodId=${.node.preopData.prodId}"><img src="../image/000/nav/nav.gif" width="17" height="17" border="0" name="navImgR" onMouseOver="swapImage(this,navigationImage[2])"  onMouseOut="swapImage(this,navigationImage[1])"></a></td>
    <td bgcolor="#999999">&nbsp;&nbsp;<a href="/asp/prodDisplay.asp?prodId=${.node.preopData.prodId}"class="alt1"  onMouseOver="swapImage(document.images['navImgR'],navigationImage[2])" onMouseOut="swapImage(document.images['navImgR'],navigationImage[1])">Return to Procedure</a></td>
</tr>
</div>

</table>

			</td>
          </tr>
		  <tr><td colspan="3" valign="top" align="center">
            <table cellpadding="0" cellspacing="0" border="0">
			<#list .node.preopData.prodRelation as prodRelation>
              <tr> 
                <td align="center"><a href="/asp/prodRelation.asp?prodId=${prodRelation.@prodId}" onMouseOut="swapImage(document.images['gotopostcare'],postcareImage[1])" onMouseOver="swapImage(document.images['gotopostcare'],postcareImage[0])"><img src="../image/000/preop/goto_pc.gif" border="0" name="gotopostcare"></a></td>
              </tr>
            </#list>
              <tr> 
                <td align="center"> 
                  <table border="1" cellpadding="5">
                    <tr> 
                      <td width="90%" align="center" valign="middle" class="sml" bgcolor="#FFE6F4">This information is not intended to replace the advice of your doctor. MedSelfEd, Inc. disclaims any liability for the decisions you make based on this information. </td>
                    </tr>
                  </table> 
                </td>
              </tr>
            </table>		
	</td></tr>

	</table>

</div>

<img src="../image/000/bottom_cap2.gif" class="bottomCap" alt="">
</div>

<!--#include file="ads_horizonal.inc" -->

<div class="topdiv">
<img src="../image/000/top_cap2.gif" class="topCap" alt=""><div class="lrlines">
<table bgcolor="#ffffff" width="95%" border="0" cellspacing="0" cellpadding="5" align="center">


		<#list .node.preopData.topHtml as topHtml> 
          <tr>
            <td valign="top" colspan="3">${topHtml}</td>
          </tr>
		</#list>
<tr>

	<td></td><td><img style="border:1px solid #999999" src="..//image/000/slide.gif"></td><td></td>

</tr>

		<#list .node.preopData.procedureInfo as procedureInfo> 
			<#list .node.preopData.midHtml as midHtml> 
		          <tr>
		            <td valign="top" colspan="3">${midHtml}</td>
		          </tr>
			</#list>

          <tr> 
            <td valign="middle">
            
            <#list .node.preopData.videoImage as videoImage> 

              <table bgcolor="#ffffff" width="0" border="0" cellspacing="0" cellpadding="0">
                <tr> 
                  <td bgcolor="#999999"> <table width="0" border="0" cellspacing="1" cellpadding="0">
                      <tr>
		                <td bgcolor="#FFFFFF"><img src="../image/000/movie.gif" alt="Movie" border="0"
		                	 align="middle" height="68" usemap="#videoMap${videoImage.@spotId}" width="38"> 
							<map name="videoMap${videoImage.@spotId}">
			  					<area shape="rect" coords="5,12,33,39" href="/asp/video.asp?prodId=${.node.preopData.prodId}&secId=${videoImage.@secId}&spotId=${videoImage.@secId}&mediaType=qt">
			  					<area shape="rect" coords="5,40,31,68" href="/asp/video.asp?prodId=${.node.preopData.prodId}&secId=${videoImage.@secId}&spotId=${videoImage.@spotId}&mediaType=wm">
							</map>
						</td>
                      </tr>
                    </table></td>
                </tr>
              </table>

			</#list>

			</td>

            <td valign="middle">
              <table bgcolor="#ffffff" width="0" border="0" cellspacing="0" cellpadding="0">
                <tr> 
                  <td bgcolor="#999999"> <table bgcolor="#ffffff" width="0" border="0" cellspacing="1" cellpadding="0">
                      <tr> 

						<!-- Slide Images Here -->					  
                        <td bgcolor="#FFFFFF">

						<#if procedureInfo.@image != "">

							<a href="/asp/slides.asp?prodId=${.node.preopData.prodId}&secId=${procedureInfo.@secId}&spotId=${procedureInfo.@spotId}">
							<img src="http://preop.medselfed.com/image${procedureInfo.@image}" class="prodSlide" align="middle" alt="${procedureInfo}">
							</a>

                        </#if>

						</td>

                      </tr>

                    </table></td>

                </tr>

              </table>

            </td>

            <td width="100%">${procedureInfo}</td>

          </tr>

          </#list>

 		   <#list .node.preopData.botHtml as botHtml> 
	          <tr> 
	            <td colspan="3" valign="top">${botHtml}</td>
	          </tr>
          </#list>


        </table>

<br>

<table width="90%" border="0" cellspacing="0" cellpadding="15">

          <tr>

            <td width="33%" align="left">

              <% if secId  = 2 Then %>

				&nbsp;      

			<% else %>

				<a href="/asp/prodDisplay.asp?prodId=<%= prodId %>&secId=<%= (thisSec - 1) %>&<%= navQueryString%>&<%= ehcQueryString %>">previous</a> 

			<% end if %></td>

	        <td width="33%" align="center"><a href="#top">top of page</a> </td>

			<td width="33%" align="right"> 

              <% if thisSec = lastSec Then %>

				&nbsp;  

			<% else %>

				<a href="/asp/prodDisplay.asp?prodId=<%= prodId %>&secId=<%= (thisSec + 1) %>&<%= navQueryString%>&<%= ehcQueryString %>">next</a> 

        	<% end if %></td>

  </tr>

</table>







<!--  standard footer -->
</div>
<br>
</div>
<div class="topdiv" id="footer"></div>
</div>
</center>
<script type="text/javascript" src="../js/tracking.js"></script>
</body>
<!--  standard footer -->

</html>

</#escape>